body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body {padding: 0;border: 0;margin: 0;font-family: 'Arial','Regular','Microsoft Yahei';background:#fff;font-size:0.44rem;}
html {-ms-touch-action: none;}
body,ul,p,h1{margin: 0;padding: 0;}
html,body{height:100%;}
ul{list-style: none;}
a {text-decoration: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
input{border: none;-webkit-appearance:none;}
iframe{border: none;}
.fl{float: left;}
.bgsize{background-size: 100%;background-repeat: no-repeat;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;line-height:0;content:"";}
.body{min-height:100%;position: relative;z-index: 99;}
.ctr{text-align: center;}
::-webkit-scrollbar{display:none; }

.ipt{width: 13.12rem;height: 1.14rem;background: transparent;border: 1px solid #ccc;border-radius: 4px; padding: 0.1rem 0.3rem;outline: none;}
.btn{width:13.72rem;line-height:1.34rem;background:#00a6ff;color:#fff;text-align: center;display: inline-block;border-radius:4px;font-size:0.6rem;;}
.btn.disable{background:#aed4fb;}
.btn.black{background:#000;}
.btn.black.disable{background:#c0c0c0;}
.link{color:#12a5f8;text-decoration: underline;}

.scroll-box{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #f5f5f5;overflow-y: auto; -webkit-overflow-scrolling: touch;}
.loadingbg{position:fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 9999; display: none; background: rgba(0, 0, 0, 0.4);}
.loader,.loader:before,.loader:after{width: 0.25rem;height: 1rem;background: #fff;content: '';position: absolute;top: 0;-webkit-animation:load1 .8s infinite ease-in-out;animation:load1 .8s infinite ease-in-out;}
.loader{margin: 10rem auto;position: relative;text-indent: -9999rem;-webkit-animation-delay:0.16s;webkit-animation-delay:0.16s;}
.loader:before{left: -0.375rem;}
.loader:after{left: 0.375rem;-webkit-animation-delay:0.32s;webkit-animation-delay:0.32s;}
@-webkit-keyframes load1{
	0%,80%,100%{height: 1rem;box-shadow: 0 0 #FFF;}
	40%{height: 1.25rem;box-shadow: 0 -0.5rem #ffffff;}
}
@keyframes load1{
	0%,80%,100%{height: 1rem;box-shadow: 0 0 #FFF;}
	40%{height: 1.25rem;box-shadow: 0 -0.5rem #ffffff;}
}

.dialog { position: fixed; left: 50%; top: 4rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 9999; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1300px; perspective: 1300px; }
.dialog-active { visibility: visible; }
.dialog-content { border-radius: 3px; background: #fff; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; opacity: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); border-radius: 12px; box-shadow: 0px 1px 1px #ccc; }
.dialog-active .dialog-content { position: relative; opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0); }
.dialog-header { background: #12a5f8; color: #fff; }
.dialog-title { margin: 0; font-size: 1rem; text-align: center; font-weight: 200; line-height: 2.2rem; }
.dialog-body { padding: 1.2rem; }
.dialog-footer { padding: 0.6rem 0; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.1); }
.dialog-footer .btn{ display: inline-block; font-size: 0.8rem; }
.dialog-overlay { content: ""; position: fixed; visibility: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; opacity: 0; background: rgba(0, 0, 0, 0.6); transition: all .6s; }
.dialog-active ~ .dialog-overlay { opacity: 1; visibility: visible; }
.dialog .message{width: 11rem; font-size: 0.8rem; text-align: center; color: #666; padding: 2rem 0.5rem; border-bottom: 1px solid #ccc;}
.dialog .message .title{font-weight: normal; font-size: 0.8rem; line-height: 1.2rem;}
.dialog .message .desc{font-size: 0.56rem;}
.dialog .message .warn{font-size: 0.56rem; color: #ff0000;} 
.dialog .btnbox{line-height: 1.5rem; border-top: 1px solid #f9f9f9; display: -webkit-box;}
.dialog .abtn{display: block; -webkit-box-flex: 1; text-align: center; border-right: 1px solid #ccc; color: #999;font-size: 0.56rem;}
.dialog a:last-child{border: none;color:#12a5f8;}

.mugen-scroll {padding: 10px;font-size: 18px;text-align: center;}
.loading {display: inline-block; overflow: hidden; height: 1.3em; margin-top: -.3em; line-height: 1.5em; vertical-align: text-bottom;}
.loading:after {content: "⠋\A⠙\A⠹\A⠸\A⠼\A⠴\A⠦\A⠧\A⠇\A⠏";-webkit-animation: spin10 1s steps(10) infinite; animation: spin10 1s steps(10) infinite; display: inline-table; white-space: pre; text-align: left;}
@-webkit-keyframes spin10 {
	to { -webkit-transform: translateY(-15.0em); transform: translateY(-15.0em);}
}

.rideo{}
.rideo i{background:url(icon/redioB.png) no-repeat;background-size:100%;width: 0.72rem;height: 0.72rem;display: inline-block;vertical-align: middle;}
.rideo.check i{background-image:url(icon/redioA.png);}
.rideo .tip{ color: #31363e; font-size: 0.5rem; vertical-align: middle;line-height: 0.72rem;}

.fm-ipt{width:6.2rem;height:1rem;color:#44cb83;font-size:0.52rem;vertical-align: middle;margin: 0 0.3rem;}
.fm-ipt.small{width:2rem;}
/*游戏预览框*/
.gamebox{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9;}
.gamebox iframe{width: 100%; height: 100%;}
.gamebox .back{position: absolute; width: 100%; line-height: 1.2rem; top: 0; background: #000; color: #fff; text-align: center;}

